Skip to content

Conversation

@roygommer
Copy link

@roygommer roygommer commented Nov 29, 2025

What is the purpose of this pull request?

  • New Icon

Description

Added new small-airplane icon.

Icon use case

To use in the selection menu of a website containing weather information for different kind of aircraft.
To use do decorate a webpage containing all sorts of aircraft.
To demonstrate a small airplane.

Alternative icon designs

Icon Design Checklist

Concept

  • I have provided valid use cases for each icon.
  • I have not added any a brand or logo icon.
  • I have not used any hate symbols.
  • I have not included any religious or political imagery.

Author, credits & license

  • The icons are solely my own creation.
  • The icons were originally created in # by @
  • I've based them on the following Lucide icons:
  • I've based them on the following design:

Naming

  • I've read and followed the naming conventions
  • I've named icons by what they are rather than their use case.
  • I've provided meta JSON files in icons/[iconName].json.

Design

  • I've read and followed the icon design guidelines
  • I've made sure that the icons look sharp on low DPI displays.
  • I've made sure that the icons look consistent with the icon set in size, optical volume and density.
  • I've made sure that the icons are visually centered.
  • I've correctly optimized all icons to three points of precision.

Before Submitting

@github-actions github-actions bot added 🎨 icon About new icons 🫧 metadata Improved metadata labels Nov 29, 2025
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@karsa-mistmere
Copy link
Member

Hey @roygommer,

Can you please provide use cases that are unique to this one as opposed to also applicable to our regular airplane icon?

Additionally, neither the icon nor its name is guideline compliant, see more at: https://lucide.dev/guide/design/icon-design-guide

@roygommer
Copy link
Author

Hey @roygommer,

Can you please provide use cases that are unique to this one as opposed to also applicable to our regular airplane icon?

Additionally, neither the icon nor its name is guideline compliant, see more at: https://lucide.dev/guide/design/icon-design-guide

Hi @karsa-mistmere,
We need an icon that represents a small airplane, since we need the icon in our navigation menu of our website. We have different pages, one for large commercial air transport (for that one we can use the already existing airplane icon) and a general aviation page (therefore we need a small airplane icon).

Do have suggestions to make it compliant?

@github-actions
Copy link
Contributor

Added or changed icons

small-airplane

Preview cohesion message-square-x
small-airplane
droplet-off
Preview stroke widths small-airplane
small-airplane
small-airplane
DPI Preview

16px (shadcn/ui)

small-airplane

24px (default)

small-airplane

32px (shadcn/ui + retina)

small-airplane

48px (default + retina)

small-airplane
Icon X-rays small-airplane
Icon Diffs small-airplane
Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const SmallAirplaneIcon = createLucideIcon('SmallAirplane', [
  ["path",{"d":"M 10 7 L 14 7"}],
  ["path",{"d":"M 12 18 L 12 19.5"}],
  ["path",{"d":"M 12 5 L 12 5"}],
  ["path",{"d":"M12 5v13"}],
  ["path",{"d":"M2 9h20"}],
  ["path",{"d":"M8 9l4 4l4-4"}],
  ["path",{"d":"M9 18h6"}]
])

@karsa-mistmere
Copy link
Member

karsa-mistmere commented Nov 30, 2025

Hey @roygommer,
Can you please provide use cases that are unique to this one as opposed to also applicable to our regular airplane icon?
Additionally, neither the icon nor its name is guideline compliant, see more at: https://lucide.dev/guide/design/icon-design-guide

Hi @karsa-mistmere, We need an icon that represents a small airplane, since we need the icon in our navigation menu of our website. We have different pages, one for large commercial air transport (for that one we can use the already existing airplane icon) and a general aviation page (therefore we need a small airplane icon).

Honestly, this feels like a pretty niche use case. Do you think we could pick one specific type of small aircraft, which has further use cases other than representating small aircraft in general and use that?

Do have suggestions to make it compliant?

The name should be plane-[foobar].

The design is not so simple, but the core issue is that there should be a 2px gap between all elements, so creating the illusion of fills via paths is a big no no, since that will result in inconsistent look between various stroke widths, see the generated stroke width preview above.

@jamiemlaw
Copy link
Contributor

Ma-a-a-a-a-ybe something like this? The back of the fuselage gets a bit narrow, which goes against Lucide design guidelines, but the current plane icon also has this issue.

icons
Open lucide studio

But for cases this niche, it might be that you host this icon yourself rather than rely on it being part of Lucide.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 icon About new icons 🫧 metadata Improved metadata

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants